<template>
	<div class="page pagebase">
		<view class="header">
			<img src="@/static/back.png" style="width: 48rpx;height: 48rpx;" class="back" @click="back"/>
			<view class="header_title">
				关于我们
			</view>
		</view>
		<view class="i"  v-if="content != ''">
			<u-parse :content="content"></u-parse>
		</view>
		<u-empty v-else
		        mode="data"
				text="暂无内容"
		>
		</u-empty>
	</div>	
</template>

<script>

	export default {
		data() {
			return {
				content:'',
			}
		},
		onLoad() {
			this.getArticle();
		},
		methods: {
			async getArticle() {
				// 请求接口
				const res = await this.$post(`/biz/ClientPersonal/getArticle`, {
					articleType: 'ABOUT'
				})
				if (res.status) {
					this.content=res.data.data.description
				}
			},
			// 返回上一页
			back() {
				uni.navigateBack()
			}
		}
	}
</script>

<style>
	.page {
		overflow-y: auto;
		width: 100%;
		height: 100vh;
		background-color: #fff;
		padding:  0 32rpx 60rpx;
		box-sizing: border-box;
		
	}

	.sty {
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.header {
		position: relative;
		display: flex;
		align-items: center;
		justify-content: center;
		width: 100%;
		height: 88rpx;
		margin-top: 88rpx;
		
	}
	.header_title {
		font-size: 32rpx;
		font-family: AppleSystemUIFont;
		color: #222625;
	}
	.back {
		position: absolute;
		top: 22rpx;
		left: 0;
	}
</style>
